<template>
    <div class="app">
        <router-view />
        
        <van-tabbar v-model="active" active-color="#000"
    inactive-color="#000" class="footer" active-background="#CEC9C9" >
            <van-tabbar-item to="/kit">锦囊</van-tabbar-item>
            <van-tabbar-item to="/exist">生活</van-tabbar-item>
            <van-tabbar-item to="/toremember">时光记</van-tabbar-item>
            <van-tabbar-item to="/information">消息</van-tabbar-item>
            <van-tabbar-item to="/mypage">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
    export default {
        name:'Common',
        data() {
            return {
                active: 0,
            }
        }
        
    }
</script>

<style scoped>
.app{
    height: 100%;
}
     .footer{
        background: #E1E0E0;
        height: 42px;

    }
    .van-tabbar-item--active{
        background: rgba(206, 201, 201, 1)
    }
</style>